<template>
  <div id="one">不畏浮云遮望眼</div>
  <div  id="two">只缘身在最高层</div>
  <button id="btn">点我变诗</button>
</template>

<script>
export default {
    mounted(){
        const btn = document.getElementById('btn')
        btn.addEventListener('click', () => {
            const one = document.getElementById('one')
            const two = document.getElementById('two')
            one.innerHTML = '不识庐山真面目'
            two.innerHTML = '只缘身在此山中'
        })
    }
}
</script>

<style>
    #one {
        font-size: 30px;
        color: aqua;
    }

    #two {
        font-size: 12px;
        color: yellowgreen;
    }
</style>